<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>群聊</title>
    <script src="/webjars/jquery/jquery.min.js"></script>
    <script src="/webjars/sockjs-client/sockjs.min.js"></script>
    <script src="/webjars/stomp-websocket/stomp.min.js"></script>

</head>
<body>
    <table>
        <tr>
            <td>请输入用户名</td>
            <td><input type="text" id="name"></td>
        </tr>
        <tr>
            <td><input type="button" id="connect" value="连接"></td>
            <td><input type="button" id="disconnect" disabled="disabled" value="断开连接"></td>
        </tr>

    </table>

    <div id="chat" style="display: none">
        <table>
            <tr>
                <td>请输入聊天内容</td>
                <td><input type="text" id="content"></td>
                <td><input type="button" id="send" value="发送"></td>
            </tr>
        </table>
    </div>
</body>
</html>
